import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '../components/Login.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'login',
    component: Login
  },
  {
	path: '/home',
	component: () => import('../views/HomeView.vue'),
	children: [
	    {
			path: "/navigator",
			component: () => import('../views/navigator.vue')
		},
		{
			path: "/navigatorNine",
			component: () => import('../views/navigatorNine.vue')
		},
		{
			path: "/navigatorTwo",
			component: () => import('../views/navigatorTwo.vue')
		},
		{
			path: "/navigatorTherr",
			component: () => import('../views/navigatorTherr.vue')
		}, {
			path: "/navigatorFour",
			component: () => import('../views/navigatorFour.vue')
		}, {
			path: "/navigatorFive",
			component: () => import('../views/navigatorFive.vue')
		}, {
			path: "/navigatorSix",
			component: () => import('../views/navigatorSix.vue')
		}, {
			path: "/navigatorSeven",
			component: () => import('../views/navigatorSeven.vue')
		}, {
			path: "/navigatorTen",
			component: () => import('../views/navigatorTen.vue')
		},
	]
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
